﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="utf-8" />
<meta name="Robots" content="all" />
<meta name="Author" content="Yiian International Information" />
<meta name="Copyright" content="" />
<meta name="Description" content="" />
<meta name="Description" content="" />
<meta name="Keywords" content="" />
<title>微讯首页</title>
<link type="image/x-icon" rel="Shortcut Icon" href="Images/favicon.ico" />
<style type="text/css">
	@import"CSS/Yiian_Style.css";
</style>
<link type="text/css" rel="stylesheet" href="CSS/Yiian_Index.css" />

<script type="text/javascript" language="javascript" src="JS/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
	
	//定义变量 保存提示框里面信息
	var account = $("#account").val();
	var password = $("#password").val();

	
	$("#account").blur(function(){
		if("" == $.trim($(this).val())){
			$(this).val(eval($(this).attr("id")));
		}					  
	});
	
	//得到焦点后 清空系统提示框里面信息
	$("#account").focus(function(){
		if( eval($(this).attr("id")) == $(this).val()){
			 $(this).val("");
		}							  
	});		
	
	
	$("#password").blur(function(){
		if("" == $.trim($(this).val())){
			$(this).css({background :"#FFF url(Images/pass.jpg) no-repeat 3px 5px"});
		}					  
	});
	
	//得到焦点后 清空系统提示框里面信息
	$("#password").focus(function(){
		if( "" == $.trim($(this).val())){
			 $(this).css({"background":"#FFF"});
		}							  
	});
	
	
	//提交页面
	$("#loginbtn").click(function(){
		var params = {};
		params.account = account;
		params.password = password;
		
		alert(params);
	
	});
	
	
});

</script>
</head>

<body>

<div class="header">
    <a class="logo" href="http://www.wixun.com" title="微讯"><img src="Images/Logo.png" /></a>
</div>

<div class="info">
	<img class="banner" src="Pictures/banner.jpg" />
    <div class="login" >
    	<ul class="logininfo">
        	<li class="anniutop"><a class="kaitong" href="Register.html">&nbsp;</a></li>
            <li class="text"><span class="da">账号：</span><input type="text" class="logintxt txt" id="account" name="zhanghao" value="邮箱/会员账/号手机号"  /></li>
            <li class="text"><span class="da">密码：</span><input type="password" class="pass logintxt txt" id="password" name="mima" value=""  /></li>
            <li style="text-align:center" class="text"><input type="checkbox" class="" id="" name="zhidong" value="Y" />&nbsp;下次自动登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a style="text-decoration:underline;" class="wangmi" href="#">找回密码？</a></li>
            <li class="anniu"><input type="button" class="loginbtn" id="loginbtn" name="" value="" /></li>
        </ul>
    </div>
</div>

<div class="main">
	<div class="left">
    	<h3 class="lefttitle">这些机构正在使用微讯</h3>
		<ul class="icos"><!--数据从这里开始循环输出，共十二条。-->
			<li class="tuwen"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic1.jpg" /></a><a class="name" href="#" target="_blank">中国气象</a></li>
			<li class="bu"></li>
			<li class="tuwen"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic2.jpg" /></a><a class="name" href="#" target="_blank">中国气象</a></li>
			<li class="bu"></li>
			<li class="tuwen"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic3.jpg" /></a><a class="name" href="#" target="_blank">中国气象</a></li>
			<li class="bu"></li>
			<li class="tuwen"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic6.jpg" /></a><a class="name" href="#" target="_blank">中国气象</a></li>
			<li class="bu"></li>
			<li class="tuwen"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic5.jpg" /></a><a class="name" href="#" target="_blank">中国气象</a></li>
			<li class="bu"></li>
			<li class="tuwen"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic4.jpg" /></a><a class="name" href="#" target="_blank">中国气象</a></li>
			<li class="bu"></li>
			<li class="tuwen"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic7.jpg" /></a><a class="name" href="#" target="_blank">中国气象</a></li>
			<li class="bu"></li>
			<li class="tuwen"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic8.jpg" /></a><a class="name" href="#" target="_blank">中国气象</a></li>
			<li class="bu"></li>
			<li class="tuwen"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic9.jpg" /></a><a class="name" href="#" target="_blank">中国气象</a></li>
			<li class="bu"></li>
			<li class="tuwen"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic10.jpg" /></a><a class="name" href="#" target="_blank">中国气象</a></li>
			<li class="bu"></li>
			<li class="tuwen"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic11.jpg" /></a><a class="name" href="#" target="_blank">中国气象</a></li>
			<li class="bu"></li>
			<li class="tuwen"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic12.jpg" /></a><a class="name" href="#" target="_blank">中国气象</a></li>
			<li class="bu"></li>
		</ul>
	</div>
    
    <div class="center">
    	<h3 class="centertitle lefttitle">微讯播报</h3>
        <div style="width:389px; height:5px; font-size:0;"></div>
        <div style="border:0;" class="bobao"><!--这里共输出四条数据，但第一条单个输出新者，从第二条开始循输出三条。-->
			<div class="bobaoico"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic1.jpg" /></a></div>
            <div class="bobaoinfo">
            	<span class="blue">中国气象&nbsp;&nbsp;</span>考察团先后在北京和兰州进行了参观和交流，广州是他们此行的最后一站。考察团中的气象专家对周日广东遭遇的强对流侵袭仍印象深刻。<br />
                <span class="hui">13秒前</span>            
            </div>
            <div style="clear:both; height:8px; font-size:0;"></div>
		</div>
        <div class="bobao">
			<div class="bobaoico"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic6.jpg" /></a></div>
            <div class="bobaoinfo">
            	<span class="blue">中国气象&nbsp;&nbsp;</span>考察团先后在北京和兰州进行了参观和交流，广州是他们此行的最后一站。考察团中的气象专家对周日广东遭遇的强对流侵袭仍印象深刻。<br />
                <span class="hui">13秒前</span>            
            </div>
            <div style="clear:both; height:10px; font-size:0;"></div>
		</div>
        <div class="bobao">
			<div class="bobaoico"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic7.jpg" /></a></div>
            <div class="bobaoinfo">
            	<span class="blue">中国气象&nbsp;&nbsp;</span>考察团先后在北京和兰州进行了参观和交流，广州是他们此行的最后一站。考察团中的气象专家对周日广东遭遇的强对流侵袭仍印象深刻。<br />
                <span class="hui">13秒前</span>            
            </div>
            <div style="clear:both; height:10px; font-size:0;"></div>
		</div>
        <div class="bobao">
			<div class="bobaoico"><a href="#" target="_blank"><img class="icopic" src="Pictures/pic3.jpg" /></a></div>
            <div class="bobaoinfo">
            	<span class="blue">中国气象&nbsp;&nbsp;</span>考察团先后在北京和兰州进行了参观和交流，广州是他们此行的最后一站。考察团中的气象专家对周日广东遭遇的强对流侵袭仍印象深刻。<br />
                <span class="hui">13秒前</span>            
            </div>
            <div style="clear:both; height:10px; font-size:0;"></div>
		</div>
    </div>
    
    <div class="right">
    	<div class="rightbu">
        	&nbsp;
        </div>
        <div class="rightinfo">
			<h3 class="righttitle">用手机上微讯</h3>
        	<div class="shouji">
        	手机访问&nbsp;wixun.com
        	</div>
        	<a href="#" target="_blank"><img class="rightico" src="Pictures/iphone.jpg" /></a><a href="#" target="_blank"><img class="rightico" src="Pictures/ico3.jpg" /></a><a href="#" target="_blank"><img class="rightico" src="Pictures/symbian.jpg" /></a><a class="more" href="#" target="_blank">更多<span class="songti">>></span></a>
		</div>
    </div>
	<div style="clear:both; height:0; font-size:0;"></div>
</div>

<div class="copyright">
	<a class="links" href="#" target="_blank">帮助信息</a>-<a class="links" href="#" target="_blank">联系我们</a>-<a class="links" href="#" target="_blank">意见建议</a>-<a class="links" href="#" target="_blank">举报</a>-<a class="links" href="#" target="_blank">微讯首页</a><br />
    Copyright&nbsp;&copy;&nbsp;2011&nbsp;&nbsp;Wixun.com&nbsp;&nbsp;Inc.&nbsp;&nbsp;All&nbsp;Rights&nbsp;Reserved.&nbsp;&nbsp;&nbsp;&nbsp;蛙扑公司&nbsp;&nbsp;&nbsp;&nbsp;版权所有
</div>
 
</body>
</html>
